<template>
	<view class="round-main" :style="myStyle"></view>
</template>

<script>
	export default{
		props:{
			size:{
				type:String,
				default:'10rpx'
			},
			background:{
				type:String,
				default:'#FFFFFF'
			}
		},
		data(){
			return{
				myStyle:''
			}
		},
		created() {
			const that=this;
			that.myStyle='width:'+that.size+';'+'height:'+that.size+';'+'background-color:'+that.background+';';
		}
	}
</script>

<style lang="scss" scoped>
	.round-main{
		border-radius: 50%;
	}
</style>
